<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta content="ie=edge" http-equiv="x-ua-compatible">
    <title>Beck - Furniture eCommerce Bootstrap 5 Template</title>
    <meta content="" name="description">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Favicons -->


    <!-- ************************* CSS Files ************************* -->

    <!-- Bootstrap CSS -->
    <link href="../senshi_official_website/static/css/bootstrap.css" rel="stylesheet">

    <!-- Vendor CSS -->
    <link href="../senshi_official_website/static/css/vendor.css" rel="stylesheet">

    <!-- style css -->
    <link href="../senshi_official_website/static/css/main.css" rel="stylesheet">
</head>

<body>

<!-- Preloader Start -->
<div class="ft-preloader active">
    <div class="ft-preloader-inner h-100 d-flex align-items-center justify-content-center">
        <div class="ft-child ft-bounce1"></div>
        <div class="ft-child ft-bounce2"></div>
        <div class="ft-child ft-bounce3"></div>
    </div>
</div>
<!-- Preloader End -->

<!-- Main Wrapper Start -->
<div class="wrapper">
    <!-- Header Start -->
    <header class="header">
        <div class="header__inner fixed-header">
            <div class="header__main">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="header__main-inner">
                                <div class="header__main-left">
                                    <div class="logo">
                                        <a class="logo--normal" href="../index.jsp">
                                            <img alt="Logo" height="70%" src="../senshi_official_website/static/logo1.png"
                                                 width="70%">
                                        </a>
                                    </div>
                                </div>
                                <div class="header__main-center">
                                    <nav class="main-navigation text-center d-none d-lg-block">
                                        <ul class="mainmenu">
                                            <li class="mainmenu__item menu-item-has-children">
                                                <a class="mainmenu__link" href="../index.jsp">
                                                    <span class="mm-text">首页</span>
                                                </a>
                                            </li>
                                            <li class="mainmenu__item menu-item-has-children megamenu-holder">
                                                <a class="mainmenu__link"
                                                   href="../shop-three-columns.jsp">
                                                    <span class="mm-text">购物</span>
                                                </a>
                                            </li>
                                            <li class="mainmenu__item menu-item-has-children">
                                                <a class="mainmenu__link" href="#">
                                                    <span class="mm-text">个人中心</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="goMyAccount">
                                                            <span class="mm-text">我的账号</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="goCart">
                                                            <span class="mm-text">购物车</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="goTracking">
                                                            <span class="mm-text">跟踪订单</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="mainmenu__item">
                                                <a class="mainmenu__link"
                                                   href="contact-us.html">
                                                    <span class="mm-text">联系我们</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                                <div class="header__main-right">
                                    <div class="header-toolbar-wrap">
                                        <div class="header-toolbar">
                                            <div class="header-toolbar__item header-toolbar--search-btn"
                                                 style="width: 100px;">
                                                <a  id="href1" href="../login-register.jsp">
                                                    <span id="userName">登录 & 注册</span>
                                                </a>
                                            </div>
                                            <div class="header-toolbar__item header-toolbar--search-btn">
                                                <a class="header-toolbar__btn toolbar-btn" href="#searchForm">
                                                    <i class="la la-search"></i>
                                                </a>
                                            </div>

                                            <div class="header-toolbar__item header-toolbar--minicart-btn">
                                                <a class="header-toolbar__btn toolbar-btn" href="#miniCart">
                                                    <i class="la la-shopping-cart"></i>
                                                    <span>01</span>
                                                </a>
                                            </div>
                                            <div class="header-toolbar__item d-block d-lg-none">
                                                <a class="header-toolbar__btn toolbar-btn menu-btn"
                                                   href="#offcanvasMenu">
                                                    <div class="hamburger-icon">
                                                        <span></span>
                                                        <span></span>
                                                        <span></span>
                                                        <span></span>
                                                        <span></span>
                                                        <span></span>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header End -->

    <!-- Breadcrumb area Start -->
    <section class="page-title-area bg-image ptb--80" data-bg-image="assets/img/bg/page_title_bg.jpg">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <h1 class="page-title">Track Order</h1>
                    <ul class="breadcrumb">
                        <li><a href="../index.jsp">Home</a></li>
                        <li class="current"><span>Track Order</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcrumb area End -->

    <!-- Main Content Wrapper Start -->
    <div class="main-content-wrapper">
        <div class="page-content-inner pt--75 pb--80">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <p class="heading-color mb--30 text-center">To track your order please enter your Order ID in
                            the box below and press the "Track" button. This was given to you on your receipt and in the
                            confirmation email you should have received.</p>
                        <form action="#" class="form form--track">
                            <div class="form__group mb--30">
                                <label class="form__label" for="order_id">Order ID</label>
                                <input class="form__input" id="order_id" name="order_id"
                                       placeholder="Found in your order confirmation email."
                                       type="text">
                            </div>
                            <div class="form__group mb--30">
                                <label class="form__label" for="billing_email">Billing email</label>
                                <input class="form__input" id="billing_email" name="billing_email"
                                       placeholder="Email you used during checkout."
                                       type="text">
                            </div>
                            <div class="form__group text-center">
                                <input class="btn btn-size-sm" type="submit" value="Track Order">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Main Content Wrapper Start -->

    <!-- Footer Start-->
    <footer class="footer bg-color" data-bg-color="#f4f8fa">
        <div class="footer-top">
            <div class="container-fluid">
                <div class="row border-bottom pt--70 pb--70">
                    <div class="col-lg-3 col-sm-6 offset-md-1 offset-lg-0 mb-md--45">
                        <div class="footer-widget">
                            <div class="textwidget">
                                <figure class="footer-logo mb--30">
                                    <img alt="Logo" height="50%" src="../senshi_official_website/static/logo1.png"
                                         width="50%">
                                </figure>
                                <p>
                                    追求品质生活，打造更舒服的家居生活就选择森饰家具，给自己一份放心，更是给自己的一份安心</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-3 offset-lg-1 offset-sm-2 mb-md--45">
                        <div class="footer-widget">
                            <h3 class="widget-title mb--35 mb-sm--20">公司简介</h3>
                            <div class="footer-widget">
                                <ul class="footer-menu">
                                    <li><a href="">关于我们</a></li>
                                    <li><a href="#">事务</a></li>
                                    <li><a href="contact-us.html">联系我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4 offset-md-1 offset-lg-0 mb-xs--45">
                        <div class="footer-widget">
                            <h3 class="widget-title mb--35 mb-sm--20">产品</h3>
                            <div class="footer-widget">
                                <ul class="footer-menu">
                                    <li><a href="#">价格</a></li>
                                    <li><a href="#">产品特征</a></li>
                                    <li><a href="#">客户</a></li>
                                    <li><a href="#">演示</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4 mb-xs--45">
                        <div class="footer-widget">
                            <h3 class="widget-title mb--35 mb-sm--20">帮助</h3>
                            <div class="footer-widget">
                                <ul class="footer-menu">
                                    <li><a href="#">介绍</a></li>
                                    <li><a href="#">反馈</a></li>
                                    <li><a href="#">首页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 col-sm-4">
                        <div class="footer-widget">
                            <h3 class="widget-title mb--35 mb-sm--20">社交</h3>
                            <div class="footer-widget">
                                <ul class="footer-menu">
                                    <li><a href="#">脸书</a></li>
                                    <li><a href="#">推特</a></li>
                                    <li><a href="#">领英</a></li>
                                    <li><a href="#">Google +</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-middle ptb--40">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-11">
                        <div class="footer-widget">
                            <div class="taglist">
                                <a href="#">隐私政策</a>
                                <a href="#">缺陷披露政策</a>
                                <a href="#">使用条款</a>
                                <a href="#">上海工商</a>
                                <a href="#">沪公网安备31010402001234号</a>
                                <a href="#">沪ICP备170555232号</a>
                                <a href="#">Cookies设置</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer End-->

    <!-- OffCanvas Menu Start -->
    <div class="offcanvas-menu-wrapper" id="offcanvasMenu">
        <div class="offcanvas-menu-inner">
            <a class="btn-close" href="">
                <i class="la la-remove"></i>
            </a>
            <nav class="offcanvas-navigation">
                <ul class="offcanvas-menu">
                    <li class="menu-item-has-children active">
                        <a href="../index.jsp">首页</a>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="goCart">购物</a>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="#">个人中心</a>
                        <ul class="sub-menu">
                            <li>
                                <a href="goMyAccount">我的账号</a>
                            </li>
                            <li>
                                <a href="goCart">购物车</a>
                            </li>

                            <li>
                                <a href="goTracking">跟踪订单</a>
                            </li>

                        </ul>
                    </li>
                    <li>
                        <a href="contact-us.html">联系我们</a>
                    </li>
                </ul>
                <div class="site-info vertical">
                    <div class="site-info__item">
                        <a href="tel:+01223566678"><strong>+01 2235 666 78</strong></a>
                        <a href="mailto:Support@contixs.com">Support@furtrate.com</a>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <!-- OffCanvas Menu End -->

    <!-- Mini Cart Start -->
    <aside class="mini-cart" id="miniCart">
        <div class="mini-cart-wrapper">
            <div class="mini-cart__close">
                <a class="btn-close" href="#"><i class="la la-remove"></i></a>
            </div>
            <div class="mini-cart-inner">
                <h3 class="mini-cart__heading mb--45">Shopping Cart</h3>
                <div class="mini-cart__content">
                    <ul class="mini-cart__list">
                        <li class="mini-cart__product">
                            <a class="mini-cart__product-remove" href="#">
                                <i class="la la-remove"></i>
                            </a>
                            <div class="mini-cart__product-image">
                                <img alt="products" src="../senshi_official_website/static/picture/prod-01-100x100.jpg">
                            </div>
                            <div class="mini-cart__product-content">
                                <a class="mini-cart__product-title" href="../senshi_official_website/product-details.html">Golden
                                    Easy Spot
                                    Chair.</a>
                                <span class="mini-cart__product-quantity">1 x $49.00</span>
                            </div>
                        </li>
                        <li class="mini-cart__product">
                            <a class="mini-cart__product-remove" href="#">
                                <i class="la la-remove"></i>
                            </a>
                            <div class="mini-cart__product-image">
                                <img alt="products" src="../senshi_official_website/static/picture/prod-02-100x100.jpg">
                            </div>
                            <div class="mini-cart__product-content">
                                <a class="mini-cart__product-title" href="../senshi_official_website/product-details.html">Golden
                                    Easy Spot
                                    Chair.</a>
                                <span class="mini-cart__product-quantity">1 x $49.00</span>
                            </div>
                        </li>
                        <li class="mini-cart__product">
                            <a class="mini-cart__product-remove" href="#">
                                <i class="la la-remove"></i>
                            </a>
                            <div class="mini-cart__product-image">
                                <img alt="products" src="../senshi_official_website/static/picture/prod-03-100x100.jpg">
                            </div>
                            <div class="mini-cart__product-content">
                                <a class="mini-cart__product-title" href="../senshi_official_website/product-details.html">Golden
                                    Easy Spot
                                    Chair.</a>
                                <span class="mini-cart__product-quantity">1 x $49.00</span>
                            </div>
                        </li>
                    </ul>
                    <div class="mini-cart__total">
                        <span>Subtotal</span>
                        <span class="ammount">$98.00</span>
                    </div>
                    <div class="mini-cart__buttons">
                        <a class="btn btn-fullwidth btn-bg-primary mb--20" href="goCart">查看购物车</a>
                        <a class="btn btn-fullwidth btn-bg-primary" href="goCheckout">结账</a>
                    </div>
                </div>
            </div>
        </div>
    </aside>
    <!-- Mini Cart End -->

    <!-- Searchform Popup Start -->
    <div class="searchform__popup" id="searchForm">
        <a class="btn-close" href="#"><i class="la la-remove"></i></a>
        <div class="searchform__body">
            <p>Start typing and press Enter to search</p>
            <form class="searchform">
                <input class="searchform__input" id="popup-search" name="popup-search"
                       placeholder="Search Entire Store..."
                       type="text">
                <button class="searchform__submit" type="submit"><i class="la la-search"></i></button>
            </form>
        </div>
    </div>
    <!-- Searchform Popup End -->

    <!-- Qicuk View Modal Start -->
    <div aria-hidden="true" class="modal fade product-modal" id="productModal" role="dialog" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <button aria-label="Close" class="close" data-bs-dismiss="modal" type="button">
                        <span aria-hidden="true"><i class="la la-remove"></i></span>
                    </button>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="element-carousel slick-vertical-center" data-slick-options='{
                            "slidesToShow": 1,
                            "slidesToScroll": 1,
                            "arrows": true,
                            "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "la la-angle-double-left" },
                            "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "la la-angle-double-right" }
                        }'>
                                <div class="product-image">
                                    <div class="product-image--holder">
                                        <a href="../senshi_official_website/product-details.html">
                                            <img alt="Product Image" class="primary-image"
                                                 src="../senshi_official_website/static/picture/prod-01.jpg">
                                        </a>
                                    </div>
                                    <span class="product-badge sale">sale</span>
                                </div>
                                <div class="product-image">
                                    <div class="product-image--holder">
                                        <a href="../senshi_official_website/product-details.html">
                                            <img alt="Product Image" class="primary-image"
                                                 src="../senshi_official_website/static/picture/prod-02.jpg">
                                        </a>
                                    </div>
                                    <span class="product-badge sale">sale</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="modal-box product-summary">
                                <div class="product-navigation text-right mb--20">
                                    <a class="prev" href="#"><i class="la la-angle-double-left"></i></a>
                                    <a class="next" href="#"><i class="la la-angle-double-right"></i></a>
                                </div>
                                <div class="product-rating d-flex mb--20">
                                    <div class="star-rating star-three">
                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                    </div>
                                </div>
                                <h3 class="product-title mb--20">Golden Easy Spot Chair.</h3>
                                <p class="product-short-description mb--25">Donec accumsan auctor iaculis. Sed suscipit
                                    arcu ligula, at egestas magna molestie a. Proin ac ex maximus, ultrices justo eget,
                                    sodales orci. Aliquam egestas libero ac turpis pharetra, in vehicula lacus
                                    scelerisque. Vestibulum ut sem laoreet, feugiat tellus at, hendrerit arcu.</p>
                                <div class="product-price-wrapper mb--25">
                                    <span class="money">$200.00</span>
                                    <span class="price-separator">-</span>
                                    <span class="money">$400.00</span>
                                </div>
                                <form action="#" class="variation-form mb--30">
                                    <div class="product-color-variations d-flex align-items-center mb--20">
                                        <p class="variation-label">Color:</p>
                                        <div class="product-color-variation variation-wrapper">
                                            <div class="variation">
                                                <a class="product-color-variation-btn red selected"
                                                   data-bs-placement="top" data-bs-toggle="tooltip" title="Red">
                                                    <span class="product-color-variation-label">Red</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-color-variation-btn black" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="Black">
                                                    <span class="product-color-variation-label">Black</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-color-variation-btn pink" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="Pink">
                                                    <span class="product-color-variation-label">Pink</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-color-variation-btn blue" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="Blue">
                                                    <span class="product-color-variation-label">Blue</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-size-variations d-flex align-items-center mb--15">
                                        <p class="variation-label">Size:</p>
                                        <div class="product-size-variation variation-wrapper">
                                            <div class="variation">
                                                <a class="product-size-variation-btn selected" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="S">
                                                    <span class="product-size-variation-label">S</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-size-variation-btn" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="M">
                                                    <span class="product-size-variation-label">M</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-size-variation-btn" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="L">
                                                    <span class="product-size-variation-label">L</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-size-variation-btn" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="XL">
                                                    <span class="product-size-variation-label">XL</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="reset_variations" href="">Clear</a>
                                </form>
                                <div class="product-action d-flex flex-sm-row flex-column align-items-sm-center align-items-start mb--30">
                                    <div class="quantity-wrapper d-flex align-items-center mr--30 mr-xs--0 mb-xs--30">
                                        <label class="quantity-label" for="quick-qty">Quantity:</label>
                                        <div class="quantity">
                                            <input class="quantity-input" id="quick-qty" min="1" name="qty"
                                                   type="number" value="1">
                                        </div>
                                    </div>
                                    <button class="btn btn-size-sm btn-shape-square"
                                            onclick="window.location.href='cart.html'"
                                            type="button">
                                        Add To Cart
                                    </button>
                                </div>
                                <div class="product-footer-meta">
                                    <p><span>Category:</span>
                                        <a href="shop.html">Full Sweater</a>,
                                        <a href="shop.html">SweatShirt</a>,
                                        <a href="shop.html">Jacket</a>,
                                        <a href="shop.html">Blazer</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Qicuk View Modal End -->

    <!-- Global Overlay Start -->
    <div class="global-overlay"></div>
    <!-- Global Overlay End -->

    <!-- Global Overlay Start -->
    <a class="scroll-to-top" href=""><i class="la la-angle-double-up"></i></a>
    <!-- Global Overlay End -->
</div>
<!-- Main Wrapper End -->


<!-- ************************* JS Files ************************* -->

<!-- jQuery JS -->
<script src="../senshi_official_website/static/js/vendor.js"></script>

<!-- Main JS -->
<script src="../senshi_official_website/static/js/main.js"></script>
</body>
<script>
    $(function () {
        init()
    })

    function init() {
        let name = "${sessionScope.consumer.consumerName}";

        if (name !== "" && name != null) {
            console.log(name)
            $("#userName").html("欢迎" + name);
        } else {
            $("#userName").html = "登录 & 注册";
        }
    }
</script>
</html>